<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<link rel="stylesheet" href="${basePath}/static/plugins/datepicker/bootstrap-datetimepicker.css">
<link rel="stylesheet" href="${basePath}/static/plugins/datatables/dataTables.bootstrap.css">
<style>
.f-tip{color:red;}.f-hide{display:none;}.error-border{border:1px solid red;	border-color:red;}
</style>
<section class="content-header">
	<ol class="breadcrumb">
		<li><a href="${basePath }/daily/dailyView"><i
				class="fa fa-dashboard"></i> 积分管理</a></li>
		<li class="active">积分列表</li>
	</ol>
</section>
<div class="content">
	<div class="panel panel-info">
		<div class="panel-heading">积分列表</div>
		<div class="panel-body">
			<!-- 查询列表  start-->
			<form id="scoreSearchForm">
				<div class="row" role="form">
					<div class="form-group form-inline col-sm-3">
						<label for="ruleName">姓名:</label> 
						<input type="text"	class="form-control" name="name" style="width: 160px;" placeholder="用户姓名">
					</div>
					<div class="col-sm-2">
						<button type="button" class="btn btn-info" style="width: 120px;" id="scoreSearch">查 询</button>
					</div>
				</div>
			</form>
			<!-- 查询列表  end -->
			<br>
			<!-- 日志表格内容 start-->
			<table id="score_grid" class="table table-bordered table-hover text-center">
				<thead>
					<tr>
						<th>序号</th>
						<th>姓名</th>
						<th>积分</th>
                        <th>操作</th>
					</tr>
				</thead>
			</table>
			<!-- 日志表格内容 end -->
		</div>
	</div>
</div>

<!-- 积分明细模态框 -->
<div class="modal fade" id="score_detail_modal" tabindex="-1" role="dialog">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-body no-padding">
				<div class="box box-primary">
					<div class="box-header with-border">
						<h3 class="box-title"><span id="score_detail_employee_name" style="color:red;"></span>积分明细</h3>
					</div>
					
					<div class="box-body">
						<table id="score_detail_table" class="table table-bordered table-hover text-center">
							<thead>
								<tr>
			                        <th>序号</th>
			                        <th>操作</th>
									<th>积分</th>
									<th>日期</th>
								</tr>
							</thead>
							<tbody id="score_detail_body">
							</tbody>
							<tfoot style="display:none;">
								<tr id="score_detail_template">
									<td data-name="id"></td>
									<td data-name="operRemark"></td>
									<td data-name="score"></td>
									<td data-name="createDate"></td>
								</tr>
								<tr id="score_error_template">
									<td colspan="4">查无数据</td>
								</tr>
							</tfoot>
						</table>
						<nav id="scoreDetailPager">
						  <ul class="pager">
						    <li id="prevPage"><a href="#">上一页</a></li>
						    <li id="nextPage"><a href="#">下一页</a></li>
						  </ul>
						</nav>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
			</div>
		</div>
	</div>
</div>

<!-- 修改员工积分模态框 -->
<div class="modal fade" id="score_update_modal" tabindex="-1" role="dialog">
	<form id="score_update_form">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-body no-padding">
					<div class="box box-primary">
						<div class="box-header with-border">
							<h3 class="box-title">修改<span id="updateScoreEmpName" class="f-tip"></span>积分</h3>
						</div>

						<div class="box-body">
							<input type="hidden" name="id">
							<label>积分：</label><input type="text" class="form-control" name="score" placeholder="输入要修改的积分"/>
							<span class="f-hide f-tip">请输入积分</span>
						</div>
					</div>
				</div>
				<div class="modal-footer">
					<a href="javascript:;" role="button" class="btn btn-default" data-dismiss="modal">关闭</a>
					<a href="javascript:;" role="button" class="btn btn-primary" id="saveScoreBtn">保存</a>
				</div>
			</div>
		</div>
	</form>
</div>

<script src="${basePath}/static/plugins/datepicker/bootstrap-datetimepicker.js"></script>
<script src="${basePath}/static/plugins/datepicker/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="${basePath}/static/plugins/datatables/jquery.dataTables.js"></script>
<script src="${basePath}/static/plugins/datatables/dataTables.bootstrap.js"></script>
<script type="text/javascript" src="${basePath}/static/plugins/jquery.validate/jquery.validate.min.js"></script>

<script src="${basePath}/static/adminLTE/js/integral/list.js"></script>

